<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <!-- 引入重置样式 reset.css -->
    <link rel="stylesheet" href="css/reset.css">
    <!-- 引入字体图标样式 iconfont.css-->
    <link rel="stylesheet" href="fonts/iconfont.css">
    <!-- 引入公共样式 common,css -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入首页样式 index.css -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入移动端页面自适应的js rem.js -->
    <script src="js/rem.js"></script>
</head>

<body>
    <div class="main">
        <!-- top -->
        <div id="top">
            <div class="addr">
                <a href="#">
                    <span class="iconfont icon-Frame1-copy"></span>
                    <div>送至：欧德宝汽车城23-24国机丰盛广汽车丰田对面三楼</div>
                    <span class="iconfont icon-xianghou"></span>
                </a>
                <span class="iconfont icon-xiaoxi"></span>
            </div>
            <form class="search" action="#" method="POST">
                <span class="iconfont icon-sousuo"></span>
                <input type="text" placeholder="搜索药品、症状、品牌" name="search">
                <span class="iconfont icon-saoma"></span>
            </form>
        </div>
        <!-- 轮播 -->
        <div id="banner">
            <div class="content">
                <a id="banner01" href="#"><img src="images/banner01.jpg" alt=""></a>
                <a id="banner02" href="#"><img src="images/banner02.jpg" alt=""></a>
            </div>
            <div class="controls">
                <a href="#banner01"></a>
                <a href="#banner02"></a>
                <a class="checked" href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
        </div>
        <!-- 项目 -->
        <div id="project">
            <a href="#">
                <img src="images/img01.jpg" alt="">
                <div>叮当头条</div>
            </a>
            <a href="apothecaryInstruction.html">
                <img src="images/img02.jpg" alt="">
                <div>药师指导</div>
            </a>
            <a href="#">
                <img src="images/img03.jpg" alt="">
                <div>海外购</div>
            </a>
            <a href="tinkDoc.html">
                <img src="images/img04.jpg" alt="">
                <div>医生在线</div>
            </a>
            <a href="my.html">
                <img src="images/img05.jpg" alt="">
                <div>会员中心</div>
            </a>
        </div>
        <!-- 活动 -->
        <div id="active">
            <a href="#"></a>
            <a href="#"></a>
        </div>
        <!-- 公告 -->
        <div id="notice">
            <img src="images/notice01.jpg" alt="">
            <span>提供24小时快速配送服务。</span>
        </div>
        <!-- 快送 -->
        <div id="fast">
            <div class="content">
                <div>
                    <span class="iconfont icon-zhengque"></span>
                    <span>28分钟快送</span>
                </div>
                <div>
                    <span class="iconfont icon-zhengque"></span>
                    <span>满28免运费</span>
                </div>
                <div>
                    <span class="iconfont icon-zhengque"></span>
                    <span>24小时服务</span>
                </div>
            </div>
        </div>
        <!-- 快送产品 -->
        <div id="fastProduction">
            <a href="#">
                <div class="feature">28分钟快送</div>
                <div class="content">
                    <div>
                        <h1>医院常开药品</h1>
                        <div>部分第二件8折</div>
                    </div>
                    <img src="images/fastpro01.jpg" alt="">
                </div>
            </a>
            <a href="#">
                <div class="feature">28分钟快送</div>
                <div class="content">
                    <div>
                        <h1>医院常开药品</h1>
                        <div>部分第二件8折</div>
                    </div>
                    <img src="images/fastpro01.jpg" alt="">
                </div>
            </a>
        </div>
        <!-- 分类 -->
        <div id="classification">
            <div>
                <div class="content">
                    <a href="#">
                        <img src="images/icon01.jpg" alt="">
                        <div>感冒发烧</div>
                    </a>
                    <a href="#">
                        <img src="images/icon02.jpg" alt="">
                        <div>清热解毒</div>
                    </a>
                    <a href="#">
                        <img src="images/icon03.jpg" alt="">
                        <div>咳嗽用药</div>
                    </a>
                    <a href="#">
                        <img src="images/icon04.jpg" alt="">
                        <div>皮肤用药</div>
                    </a>
                </div>
                <div class="content">
                    <a href="#">
                        <img src="images/icon05.jpg" alt="">
                        <div>肠胃用药</div>
                    </a>
                    <a href="#">
                        <img src="images/icon06.jpg" alt="">
                        <div>性福生活</div>
                    </a>
                    <a href="#">
                        <img src="images/icon07.jpg" alt="">
                        <div>滋补调养</div>
                    </a>
                    <a href="#">
                        <img src="images/icon08.jpg" alt="">
                        <div>功能保健</div>
                    </a>
                </div>
            </div>
        </div>
        <!-- 产品 -->
        <div id="product">
            <div>
                <a class="part" href="#">
                    <img src="images/product01.jpg" alt="">
                    <div class="information">
                        <h1><span>28分钟</span>恒温持久发热 给你温暖呵护</h1>
                        <div>【20片装】 [小林暖宝宝]一次性使用取暖片（即贴）10片×2</div>
                        <div>
                            <span>低价换购</span>
                            <span>1元换购</span>
                            <span>立省17.50元</span>
                        </div>
                        <div>
                            <div>
                                <div>￥54.90</div>
                                <div>￥72.40</div>
                            </div>
                            <div class="iconfont icon-gouwuchekong"></div>
                        </div>
                    </div>
                </a>
                <a class="part" href="#">
                    <img src="images/product02.jpg" alt="">
                    <div class="information">
                        <h1><span>28分钟</span>泡着喝维C 增强抵抗力</h1>
                        <div>【70片】 [力度伸]维生素C泡腾片（橙味）1g×15片×2支×2盒+1g×15片</div>
                        <div>
                            <span>低价换购</span>
                            <span>1元换购</span>
                            <span>立省17.50元</span>
                        </div>
                        <div>
                            <div>
                                <div>￥148.80</div>
                            </div>
                            <div class="iconfont icon-gouwuchekong"></div>
                        </div>
                    </div>
                </a>
            </div>
        </div>
        <!-- 广告 -->
        <a id="ad" href="#">
            <img src="images/ad01.jpg" alt="">
        </a>
    </div>
    <!-- 导航 -->
    <div id="nav">
        <a href="index.html" class="checked">
            <span class="iconfont icon-shouye"></span>
            <div>叮当快药</div>
        </a>
        <a href="mall.html">
            <span class="iconfont icon-yaowan"></span>
            <div>叮当商城</div>
        </a>
        <a href="list.html">
            <span class="iconfont icon-gouwuchekong"></span>
            <div>清单列表</div>
        </a>
        <a href="#">
            <span class="iconfont icon-sself"></span>
            <div>我的</div>
        </a>
    </div>
    <!-- 悬浮广告 -->
    <a id="red" href="#">
        <img src="images/redbag.jpg" alt="">
    </a>
</body>

</html>